<template>
    <div id="user">
        <img
            class="pig"
            src="https://b243.photo.store.qq.com/psb?/V13kPK5g1Fvcvx/SGn.4vHvzY4WRQpJKcDOUzR*0V9kj58a7RjI9COzdJc!/b/dPMAAAAAAAAA&bo=TwK1AU8CtQERBzA!&rf=viewer_4"
            alt="猪"
        />
    </div>
</template>

<script>
export default {
    name: "user"
};
</script>

<style lang="stylus" scoped>
#user {
    background: #62b587;
    width: 100%;
    height: 100vh;
}

.pig {
    position: absolute;
    top: 400px;
    left: 50%;
    width: 500px;
    display: block;
    border-radius: 20px;
    transform: translate(-50%);
}
</style>